/**
 * Create by Joycessh on 5/5/19 3:34 PM.
 */
$(function(){

    var total;
    var value = $('#value').val();

    function getData(pageNum, pageSize){
        if (value == null || value == undefined || value == "") {
            alert("请输入搜索内容");
            return;
        }
        var url = "/search/api/v1/index/" + pageNum + "/" + pageSize + "/" + value;
        $.post(url,{
            // 在向服务器发送数据时一般是字符串。
            // 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。
            // var data = data.stringify();
        },function(data){
            // 在接收服务器数据时一般是字符串。
            // 我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
            // var data = JSON.parse(data);

            //将数据和HTML拼接并添加到页面渲染
            //我采用js模板引擎 artTemplate进行数据绑定
            total = data.data.pageInfo.total;
            var obj = data.data.pageInfo;
            $('#content').html(template('content_template', obj));

            setPage(pageNum, Math.ceil(total/pageSize), getData)
        },'json');
    }

    $('#search_btn').click(function () {
        value = $('#value').val();
        getData(1, 10);
    });

    // bootstrap-paginator.js 分页
    /**
     *
     * @param pageCurrent 当前所在页
     * @param pageSum 总页数
     * @param callback 调用ajax
     */
    function setPage(pageCurrent, pageSum, callback) {
        $(".pagination").bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            // 显示第几页
            currentPage: pageCurrent,
            // 总页数
            totalPages: pageSum,
            //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
            onPageClicked: function (event,originalEvent,type,page) {
                // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
                currentPage = page
                callback && callback(currentPage, 10)
            }
        })
    }
});